<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link href="css/public.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/esm/popper-utils.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body class="centered">
<form action="/user/service/login" method="post">
    <div style="width: 50%;margin: 0 auto">
        <h1>登录</h1>
        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text" id="basic-addon1">用户名</span>
            </div>
            <input type="text"  name="userName" class="form-control" placeholder="userName" aria-label="Username" aria-describedby="basic-addon1">
        </div>


        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text" id="basic-addon2"> 密 &nbsp;  码 </span>
            </div>
            <input type="password"  name="password" class="form-control" placeholder="password" aria-label="Username" aria-describedby="basic-addon1">
        </div>
        <div>
            <span style="color: red">${failInfo?if_exists?html}</span>
        </div>

        <div class="input-group mb-3">
            <button type="submit" class="btn btn-primary">登录</button>
        </div>

    </div>

</form>
</body>
</html>